<template>
    <div>{{msg}}</div>
    <div class="mui-content promoDetail mui-scroll-wrapper">
        <div class="mui-scroll">
            <!--订单列表-->
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <p class="text2">车辆服务新体验，性价比王！</p>
                    <p>
                        <span class="mui-pull-left text3-size color5">2016.10.26 19:01</span>
                        <span class="mui-pull-right text3-size color5">
                            <span>仅剩</span>
                            <span class="promoTitleAccent">2</span>
                            <span>天</span>
                        </span>
                    </p>
                </li>
                <li class="mui-table-view-cell">
                    <p class="color2 text3-size">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.

                    </p>
                </li>
            </ul>
        </div>
    </div>
</template>
<style>
    .promoList .mui-control-content {height: auto; overflow: hidden;}
    .promoList .ownerBenefit .promoTitleAccent{color: #d91c17 !important; font-weight: bold;}
    .promoList .ownerBenefit .promoImg{width: 100%; height: 4rem; overflow: hidden;}
    .promoList .ownerBenefit .promoImg img{width: 100%;}
    .promoList .autodoc img , .promoList .interlocution img{width: 100%;}
</style>
<script type="text/ecmascript-6">
    import '../../fonts/mui.css';
    export default {
        data(){
            return{
            }
        },
        ready () {
            mui.init({
                swipeBack: false
            });
            (function($) {
                $('.mui-scroll-wrapper').scroll({
                    indicators: true //是否显示滚动条
                });
                var Body=document.getElementsByTagName('body')[0];
                Body.style.paddingBottom='0';
                //判断屏幕高度
                var i;
                for(i=1;i<4;i++){
                    var y_height=document.getElementById('item'+i);
                    var aa=window.innerHeight;
                    y_height.style.height=aa+"px";
                }
            })(mui);
        },
        components:{
        }
    };

</script>